<link rel="stylesheet" type="text/css" href="../modules/home/home.css" />
<div class="app-bar fixed-top darcula" data-role="appbar">
    <a class="app-bar-element branding"><img src="../component/img/whale.logo.text.png" class="list-icon" style="height:50px;"></a>
    <ul class="app-bar-menu place-left">
        <li ui-sref="home.tag"><a href="">HOME</a></li>
        <li ui-sref="home.report"><a href="">度量报告</a></li>
        <li ui-sref="home.view"><a href="">指示器</a></li>
        <li ui-sref="home.originData"><a href="">原始数据</a></li>
        <li ui-sref="home.notify"><a href="">通知中心</a></li>
    </ul>
    <ul class="app-bar-menu place-right" data-flexdirection="reverse">
        <li>
            <a href="" class="dropdown-toggle">
                <span class="mif-mail"></span>
                <span class="label-mail">0</span>
            </a>
            <ul class="d-menu place-right" style="right:-10px;" data-role="dropdown">
                <li><a href="">邮件1</a></li>
                <li><a href="">邮件2</a></li>
                <li><a href="">邮件3</a></li>
                <li><a href="">邮件4</a></li>
                <li><a href="">邮件5</a></li>
            </ul>
        </li>
        <li>
            <a href="" class="dropdown-toggle">
                <span class="mif-bell"></span>
                <span class="label-bell">0</span>
            </a>
            <ul class="d-menu place-right" style="right:-10px;" data-role="dropdown">
                <li><a href="">告警1</a></li>
                <li><a href="">告警2</a></li>
                <li><a href="">告警3</a></li>
                <li><a href="">告警4</a></li>
                <li><a href="">告警5</a></li>
            </ul>
        </li>
        <li>
            <a href="" class="dropdown-toggle">工作区</a>
            <ul class="d-menu place-right" style="right:-10px;" data-role="dropdown">
                <li style="background-color:white">
                    <div class="input-control text leftListSearchInput" data-role="input">
                        <input type="text" ng-model="seachContent" placeholder="请输入查找内容">
                    </div>
                </li>
                <li><a href="">工作区</a></li>
                <li><a href="">工作区</a></li>
                <li><a href="">工作区</a></li>
                <li><a href="">工作区</a></li>
                <li><a href="">工作区</a></li>
            </ul>
        </li>
    </ul>
    <!-- <ul class="app-bar-menu small-dropdown">
            <li data-flexorderorigin="0" data-flexorder="1" ui-sref="home.tag"><a href="#" class="dropdown-toggle">个人收藏<a></li>
            <li data-flexorderorigin="1" data-flexorder="2" ui-sref="home.report"><a href="#" class="dropdown-toggle">度量报告<a></li>
            <li data-flexorderorigin="2" data-flexorder="3" ui-sref="home.view"><a href="#" class="dropdown-toggle">指示器<a></li>
            <li data-flexorderorigin="3" data-flexorder="4">
                <a href="" class="dropdown-toggle">基础数据</a>
                <ul class="d-menu" data-role="dropdown">
                    <li ui-sref="home.customData"><a>自定义数据</a></li>
                    <li><a>SVN</a></li>
                    <li><a>Jenkins</a></li>
                </ul>
            </li>
            <li data-flexorderorigin="4" data-flexorder="5" ui-sref="home.setting"><a>系统配置<a></li>

            <li data-flexorderorigin="5" data-flexorder="6">
                <a href="" class="dropdown-toggle">关于</a>
                <ul class="d-menu" data-role="dropdown">
                    <li><a href="">联系我们</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">ASK Y?</a></li>
                    <li class="divider"></li>
                    <li>
                        <a href="" class="dropdown-toggle">基础数据</a>
                        <ul class="d-menu" data-role="dropdown">
                            <li><a href="">Project 1</a></li>
                            <li><a href="">Project 2</a></li>
                            <li><a href="">Project 3</a></li>
                            <li class="divider"></li>
                            <li><a href="">Clear list</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul> -->
</div>
<div ui-view></div>
